<template>
  <div class="mt-4" style="position:relative;top: 3.7rem;left: 10%;width: 90%;">
    <div class="container-fluid">
      <div class="card">
        <div class="card-body">
          <div class="col-12 p-0 mb-4">
            <p><i class="zi zi_minus zi_rotate90 p-0 m-0" style="color: blue" ></i> 积分流水</p>
          </div>

          <div class="form-inline">
            手机号/昵称&emsp;<input type="text" class="form-control col-2"></input>
            <button type="button" class="btn btn-primary">搜索</button>
          </div>

          <div class="col-12 mt-4">
            <table class="table table-striped table-hover" >
              <thead>
              <tr>
                <th>用户信息</th>
                <th>积分变化</th>
                <th>备注</th>
                <th>交易时间</th>
                <th>操作</th>
              </tr>
              </thead>

              <tbody>
              <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
                <td>
                  <button type="button" class="btn btn-outline-danger btn-sm" ><span style="font-size: 13px">删除</span></button>
                </td>
              </tr>
              </tbody>
            </table>
            <!--分页组件-->
            <nav aria-label="Page navigation example">
              <ul class="pagination">
                <li class="page-item">
                  <a class="page-link" href="#" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>

                  </a>
                </li>
                <li class="page-item"><a class="page-link" href="#">1</a></li>
                <li class="page-item"><a class="page-link" href="#">2</a></li>
                <li class="page-item"><a class="page-link" href="#">3</a></li>
                <li class="page-item">
                  <a class="page-link" href="#" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                  </a>
                </li>
              </ul>
            </nav>
          </div>


        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "IntegralFlow"
}
</script>

<style scoped>

</style>
